<template>
	<view class="p-10">
		<view class="card">
			<u-cell-group>
				<u-cell title="风险点" value="测试"></u-cell>
				<u-cell title="危险因素/项目" value="新版本"></u-cell>
				<u-cell title="风险等级" value="低风险"></u-cell>
				<u-cell title="风险描述" value="测试"></u-cell>
			</u-cell-group>
		</view>
		<view class="card">
			<view class="flex">
				<u-button style="width: 100rpx;" type="primary" size="small" shape="circle" text="已落实" @click="click('已落实')"></u-button>
				<u-button style="width: 100rpx;" type="primary" size="small" shape="circle" text="未落实" @click="click('未落实')"></u-button>
			</view>
			<u-read-more :toggle="true" showHeight="100">
				<rich-text :nodes="content"></rich-text>
			</u-read-more>
		</view>
	</view>
</template>
<script setup>
	import {
		ref
	} from 'vue'
	const content = ref('asdasddwww2222222222222222222222222222222222222222222222222222wwwwwwwwwwwwwwwwwwwwwwwwwwwwwwww')
	const click = (item) => {
		// 落实逻辑
	}
</script>
<style lang="scss" scoped>
	.card {
		padding: 20rpx;
		background-color: #fff;
		border-radius: 20rpx;
		margin-top: 20rpx;
	}
</style>
